
.comment-area {
    .comment-post-box {
        position: relative;
        margin: 0px 0px 10px 0px;
        textarea {
            resize: none;
            padding: 7px 60px 7px 7px;
            box-sizing: border-box;
        }
        button {
            position: absolute;
            top: 0;
            right: 0;
            height: 56px;
        }
    }
}
.comment-list {
    div.comment-item {
        margin-bottom: 5px;
        padding: 5px;
        float: left;
        width: 100%;
        clear: both;
        .user {
            text-align: center;
            img.avatar {
                background-color: #fff;
                width: 36px;
                height: 36px;
            }
        }
        .content {
            background-color: #fafafa;
            .info-bar {
                font-size: 10px;
                color: #999;
            }
            .action-bar{
                padding: 0 3px 3px 0;
                .btn.btn-default{
                    padding: 0px 5px;
                    font-size: 11px;
                }
            }
        }
        #reply_comment{
            text-align: right;
            clear: both;
            textarea{
                width: 100%;
                resize: none;
                margin: 3px 0;
            }

            .btn.submit{
                font-size: 16px;
                padding: 0px 10px;
            }

        }
        .child-comments .child-comments .child-comments{
            li.comment-item{
                padding: 5px 0;
                border-left: 0;
                border-right: 0;
            }
        }
    }
}